<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>康华</title>
    <link rel="stylesheet" href="../layui/css/layui.css">
    <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_9h680jcse4620529.css">
    <link rel="stylesheet" href="../static/css/index.css">
</head>
<body>
<div class="layui-layout layui-layout-admin">
    <!--整个头部区域-->
    <div class="layui-header" id="header">
        <div class="layui-logo">
            <a href="#" class="khLogo">康华后台管理系统</a>

            <!--左侧导航收缩按钮-->
            <div class="khShrinkButton">
             <a href="javascript:;" openAndClose="open" id="switch"></a>
            </div>
            <!--左侧导航收缩按钮-->
        </div>
        <ul class="layui-nav layui-layout-left">
           <li class="layui-nav-item layui-this">
               <a href="">
                   <i class="larry-icon larry-xitongshezhi1"></i>
                   <span>系统管理</span>
               </a>
           </li>
           <li class="layui-nav-item">
               <a href="">
                   <i class="larry-icon larry-weixingongzhongpingtai"></i>
                   <span>微信公众号</span>
               </a>
           </li>
            <li class="layui-nav-item">
                <a href="">
                    <i class="larry-icon larry-iconzfb"></i>
                    <span>文章管理</span>
                </a>
            </li>
        </ul>
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item">
                <a href="javascript:;">
                    <i class="larry-icon larry-diannao5"></i>
                    <span>锁屏 </span>
                </a>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:;">
                    <img src="../static/img/face.jpg" class="layui-nav-img">
                    zyc
                </a>
                <dl class="layui-nav-child">
                    <dd><a href="">基本资料</a></dd>
                    <dd><a href="">安全设置</a></dd>
                    <dd><a href="">&nbsp;退出&nbsp;</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:;">
                   <i class="larry-icon larry-kuaijie"></i>
                    <span>快捷方式 </span>
                </a>
                <dl class="layui-nav-child">
                    <dd><a href="">关于我们</a></dd>
                    <dd><a href="">layui社区</a></dd>
                    <dd><a href="">layui文档</a></dd>
                    <dd><a href="">我的案例</a></dd>
                </dl>
            </li>
        </ul>
    </div>
    <!--整个头部区域-->
    <!--内容左侧区域-->
    <div class="layui-side layui-bg-black" >
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree"  lay-filter="test" id="leftTree">
                <li class="layui-nav-item layui-nav-itemed">
                    <a class="" href="javascript:;">
                        <i class="larry-icon larry-xitongshezhi1"></i>
                        <span>系统设置</span>
                    </a>
                    <dl class="layui-nav-child">
                        <dd>
                            <a href="javascript:;" id="userManagement">
                                <i class="layui-icon larry-icon larry-10103"></i>
                                <span>用户管理</span>
                            </a>
                        </dd>
                        <dd>
                            <a href="javascript:;">
                                <i class="layui-icon larry-icon larry-jiaoseguanli1"></i>
                                <span>角色管理</span>
                            </a>
                        </dd>
                        <dd>
                            <a href="javascript:;">
                                <i class="layui-icon larry-icon larry-caidanguanli"></i>
                                <span>菜单管理</span>
                            </a>
                        </dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">我的面板</a>
                    <dl class="layui-nav-child">
                        <dd>
                            <a href="javascript:;">
                                <i class="layui-icon larry-icon larry-gerenxinxi1"></i>
                                <span>个人信息</span>
                            </a>
                        </dd>

                    </dl>
                </li>

            </ul>
        </div>
    </div>
    <!--内容左侧区域-->
    <!--内容主体区域-->
    <div class="layui-body">
        <!-- 内容主体区域 -->
       <!-- <div style="padding: 15px;">内容主体区域</div>-->
   <div id="content">
       <div class="contentNavAndTab">
            <div class="goRight" id="goRight" title="滚动到最右侧">
                <i class="larry-icon larry-weibiaoti6-copy"></i>
            </div>
           <!--选项卡-->
             <div id="tabNav" class="layui-tab layui-tab-card" lay-allowclose="true">
                 <ul class="layui-tab-title" id="tabs">
                     <li class="layui-this" id="homePage">
                         <i class="larry-icon larry-houtaishouye"></i>
                         <span>后台首页</span>
                     </li>
                 </ul>

                 <div class="layui-tab-content" style="height: 150px;">
                     <div class="layui-tab-item layui-show">
                         1. 我个人比较喜欢卡片风格的，所以你发现又是以卡片的风格举例
                         2. 删除功能适用于所有风格
                     </div>
                 </div>
             </div>
           <!--选项卡-->
           <div class="tabRight" id="tabRight">
               <div class="goRight" id="goLeft" title="滚动到最左侧">
                   <i class="larry-icon larry-right"></i>
               </div>
               <div class="brushLineBtn" id="brushLineBtn">
                    <i class="larry-icon larry-shuaxin2"></i>
                   <span>刷新</span>
               </div>
               <div class="commonOperations" id="commonOperations">
                   <ul class="layui-nav">
                       <li class="layui-nav-item">
                           <a href="javascript:;">
                               <i class="larry-icon larry-caozuo"></i>
                               <span>常用操作</span>
                           </a>
                           <dl class="layui-nav-child">
                               <dd>
                                   <a href="javascript:;">
                                       <i class="larry-icon larry-guanbidangqianye"></i>
                                       <span>关闭当前选项卡</span>
                                   </a>
                               </dd>
                               <dd>
                                   <a href="javascript:;">
                                      <i class="larry-icon larry-guanbiqita"></i>
                                      <span>关闭其他选项卡</span>
                                   </a>
                               </dd>
                               <dd>
                                   <a href="javascript:;">
                                       <i class="larry-icon larry-guanbiquanbufenzu"></i>
                                       <span>关闭全部选项卡</span>
                                   </a>
                               </dd>
                           </dl>
                       </li>
                   </ul>
               </div>
           </div>

       </div>
   </div>
    <!--div class="layui-tab marg0" id="larry-tab" lay-filter="bodyTab"></div>-->
    </div>
    <!--内容主体区域-->
    <!-- 底部固定区域 -->
    <div class="layui-footer">
        © layui.com - 底部固定区域
    </div>
    <!-- 底部固定区域 -->
</div>
</body>

<script src="../layui/layui.js"></script>
<script>
    //JavaScript代码区域
    layui.config({
        base: '../static/js/' //你存放新模块的目录，注意，不是layui的模块目录
    }).use(['index']);
</script>
</html>